<!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
  ~ Copyright (c) 2017 Contributors to the Eclipse Foundation
  ~
  ~ See the NOTICE file(s) distributed with this work for additional
  ~ information regarding copyright ownership.
  ~
  ~ This program and the accompanying materials are made available under the
  ~ terms of the Eclipse Public License 2.0 which is available at
  ~ http://www.eclipse.org/legal/epl-2.0, or the Apache Software License 2.0
  ~ which is available at https://www.apache.org/licenses/LICENSE-2.0.
  ~
  ~ SPDX-License-Identifier: EPL-2.0 OR Apache-2.0
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
<winery-uploader #uploader [title]="'Upload Image'" [uploadUrl]="url" [isEditable]="sharedData?.currentVersion?.editable"></winery-uploader>

<div id="{{id}} + FormGroup" class="form-group">
    <label for="{{id}} + DisplayDiv">{{label}}</label>
    <div id="{{id}} + DisplayDiv" style="width:100%">
        <div class="col-md-2">
            <a href="{{url}}" target="_blank"><img id="{{id}} + Img" [style.width]="imageWidth" src="{{url}}"
                                                   alt="n/a"/></a>
        </div>
        <button class="btn btn-default btn-xs" type="button" (click)="uploader.show();">Upload...</button>
        or drop the image in this area.
    </div>
</div>
